<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
<meta name="author" content="PIXINVENT">
<title>自助售货管理后台</title>
<link rel="stylesheet" type="text/css" href="app-assets/css/vendors.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/vertical-menu.css">
<link rel="stylesheet" type="text/css" href="app-assets/css/bootstrap-extended.css">
</head>
<body>
<div class="content-wrapper">
  <div class="content-header ">
    <div class="content-header-left mb-2">
      <h3 class="content-header-title mb-0">商品排行</h3>
    </div>
  </div>
  <div class="card">
    <div class="card-content">
      <div class="card-body">
        <div class="searchbox">
          <form class="form-inline">
            
			  <div class="form-group">
            <select class="form-control"><option value="">按总金额从高到低</option></select>
            </div>
			  <div class="form-group">
             <input type="text" class="form-control dateicon" placeholder="时间选择" id="test1" style="min-width: 230px">
            </div>
			  
			  <div class="form-group">
              <button type="submit" class="btn btn-primary">查询</button>
            </div>
            
          </form>
        </div>
        <div class="funcbtn clearfix">
          <div class="pull-left"><a class="btn btn-info" href="#">导出报表</a></div>
        </div>
        <div class="tablebox1">
          <table class="table">
            <thead>
              <tr>																															
                <th>排行</th>
                <th>商品ID</th>
                <th>商品名称</th>
                <th>订单数</th>
                <th>总金额</th>
              </tr>
            </thead>
            <tbody>			
             <tr>
                <td>1</td>
                <td>4600</td>
                <td>海飞丝洗发水</td>
                <td>334</td>
                <td>¥90.02</td>
              </tr>
				<tr>
                <td>2</td>
                <td>4600</td>
                <td>海飞丝洗发水</td>
                <td>334</td>
                <td>¥90.02</td>
              </tr>
				<tr>
                <td>3</td>
                <td>4600</td>
                <td>海飞丝洗发水</td>
                <td>334</td>
                <td>¥90.02</td>
              </tr>
				<tr>
                <td>4</td>
                <td>4600</td>
                <td>海飞丝洗发水</td>
                <td>334</td>
                <td>¥90.02</td>
              </tr>
				<tr>
                <td>5</td>
                <td>4600</td>
                <td>海飞丝洗发水</td>
                <td>334</td>
                <td>¥90.02</td>
              </tr>
				
            </tbody>
          </table>
 
			
			
		  </div>
		  
		  <div class="page clearfix">
						<div class="pull-left">共 400 条记录 第 1 / 80 页</div>
						<div class="pull-right">
							
							<nav aria-label="..." class="pull-left">
								  <ul class="pagination">
									<li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
									<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
									<li><a href="#">2</a></li>
									<li><a href="#">3</a></li>
									<li><a href="#">4</a></li>
									<li><a href="#">5</a></li>
									<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
								 </ul>
							   </nav>
							
							<div class="pull-left p-r-20  p-l-20"><select class="form-control"><option>10条每页</option></select></div>
							<div class="pull-left">跳至<input type="text" value="5" class="form-control">页</div>
							</div>
							
						</div>
		  
      </div>
    </div>
  </div>
</div>

<script src="app-assets/js/vendors.min.js" type="text/javascript"></script> 
<script src="app-assets/js/app-menu.js" type="text/javascript"></script> 
<script src="app-assets/js/app.js" type="text/javascript"></script> 
<script src="app-assets/js/echarts.min.js" type="text/javascript"></script> 
<script src="app-assets/laydate/laydate.js" type="text/javascript"></script>
	
<script>
lay('#version').html('-v'+ laydate.v);
laydate.render({
    elem: '#test1'
  ,range: true
  ,theme: '#00B5B8'
});
</script>
</body>
</html>